<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{baseui/head :: head}">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="牧中智慧畜牧大数据云平台"/>
    <meta name="author" content="牧中(上海)物联网科技有限公司"/>
    <link rel="shortcut icon" href="/webjars/images/favicon.png"/>
    <link rel="stylesheet" href="/webjars/js/layui/css/layui.css"  media="all">

    <title>牧中智慧畜牧大数据云平台V1.0</title>


</head>
<body style="background-color:#fff">

<div class="wrapper wrapper-content" >
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">

                    <div class="row">
                        <div class="col-sm-12">

                            <div class='col-sm-6'>
                                <h4 class="control-label" style="font-size: 16px;" >基本信息</h4>
                            </div>
                        </div>
                        <hr />
                        <div class='row'>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">养殖场：</label>
                                    <div class="col-sm-8" id="breedFactoryName">
                                        邵小平养猪场
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">编号：</label>
                                    <div class="col-sm-8" id="number">
                                        SSL330783170600538
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">养殖区域：</label>
                                    <div class="col-sm-8" id="area">
                                        SSL330783170600538
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">栏舍号：</label>
                                    <div class="col-sm-8" id="stableNumber">
                                        SSL330783170600538
                                    </div>
                                </div>
                            </div>
                        </div>





                    </div>

                    <hr />

                    <div class="row">
                        <div class="col-sm-12">

                            <div class='col-sm-6'>
                                <h4 class="control-label" style="font-size: 16px;">诊疗记录</h4>
                            </div>
                        </div>
                        <hr />
                        <div class='row'>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">诊疗日期：</label>
                                    <div class="col-sm-8" id="date">
                                        邵小平养猪场
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">病因：</label>
                                    <div class="col-sm-8" id="illnessReason">
                                        SSL330783170600538
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class='row'>


                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">发病数：</label>
                                    <div class="col-sm-8" id="cases">
                                        8
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">用药名称：</label>
                                    <div class="col-sm-8" id="drugName">
                                        8
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">用药方法：</label>
                                    <div class="col-sm-8" id="drugUsedMethod">
                                        8
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">诊疗结果：</label>
                                    <div class="col-sm-8" id="result">
                                        8
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">诊疗人员：</label>
                                    <div class="col-sm-8" id="userName">
                                        8
                                    </div>
                                </div>
                            </div>
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right" style="width: 120px">畜禽耳标号：</label>
                                    <div class="col-sm-8" id="earTagNumber">
                                        8
                                    </div>
                                </div>
                            </div>
                        </div>



                    </div>

                    <hr />

                    <div class="row">
                        <div class="col-sm-12">

                            <div class='col-sm-6'>
                                <h4 class="control-label" style="font-size: 16px;">用药拍照</h4>
                            </div>
                        </div>
                        <hr />
                        <div class='row'>
                            <div class='col-sm-12'>
                                <div class='form-group'>
                                    <label class="col-sm-1 control-label text-right"></label>
                                    <div class="col-sm-9" id="drugPhoto">

                                    </div>
                                </div>
                            </div>


                        </div>




                    </div>
                </div>

            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="/webjars/js/jquery.js"></script>


<script type="text/javascript" src="/webjars/js/jquery.nanoscroller/jquery.nanoscroller.js"></script>
<script type="text/javascript" src="/webjars/js/behaviour/general.js"></script>
<script src="/webjars/js/jquery.ui/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript" src="/webjars/js/jquery.nestable/jquery.nestable.js"></script>

<script type="text/javascript" src="/webjars/js/bootstrap.switch/bootstrap-switch.min.js"></script>
<script type="text/javascript" src="/webjars/js/bootstrap.datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="//cdn.bootcss.com/select2/3.4.5/select2.min.js" type="text/javascript"></script>
<script src="/webjars/js/layui/layui.js" charset="utf-8"></script>
<script src="/webjars/js/bootstrap.slider/js/bootstrap-slider.js" type="text/javascript"></script>
<script type="text/javascript" src="/webjars/js/jquery.niftymodals/js/jquery.modalEffects.js"></script>
<script type="text/javascript" src="/webjars/js/jquery.magnific-popup/dist/jquery.magnific-popup.min.js"></script>

<script src="/webjars/js/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="//cdn.bootcss.com/echarts/3.6.2/echarts.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){

        App.init();



    });

    function  showimg(data) {
        layui.use(['laypage', 'layer'], function() {
            var $ = layui.jquery, layer = layui.layer;



            layer.photos({
                photos: $("#drugPhoto") //格式见API文档手册页
                ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
            });
        });
    }
</script>

<script type="text/javascript">




</script>

</body>
</html>
